.v-home {
  .main-list {
    height: calc(100% - 110px);

    .operation {
      border-left: 1px solid #ebeef5;
      border-right: 1px solid #ebeef5;

      .keyword {
        width: 200px;

        .el-input__inner {
          height: 38px;
        }
      }

      .el-button {
        height: 40px;
        border: none;
      }
    }

    .el-scrollbar__view {
      height: 100%;

      .el-table {
        height: 100%;

        .oddRow {
          td {
            background-color: #ffffff !important;
          }
        }

        .evenRow {
          background-color: #ffffff !important;
        }

        thead {
          tr {
            .el-table__cell {
              font-size: 16px;
              //background-color: #212529;
              //color: #ffffff;
            }
          }
        }
      }
    }

    .pagination {
      border: 1px solid #ebeef5;
      border-top: none;
    }
  }

  .btn-add {
    color: #ffffff;

    &:hover {
      color: #ffffff;
    }
  }
}

.content-box {
  height: calc(100% - 67px);
}

.v-form {
  display: flex;

  > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

div {
  &.any-col {
    height: 100%;
    width: 100%;

    > .left_border_color {
      height: 100%;
      border-left: 0.01563rem solid #5ba8ff;
      padding-left: 0.05rem;
    }
  }

  &.one-col {
    width: 760px;
  }

  &.two-col {
    width: 760px;
    display: flex;

    > .el-form-item {
      width: 50%;
    }
  }

  &.two-col-third-row {
    width: 100%;

    .el-form-item {
      display: flex;
      justify-content: space-between;
      align-items: center;

      .el-form-item__label {
        border-right-width: 0;
        color: #606266;
        margin: 0;
        width: 100px;
        text-align: left;
      }

      /* .el-textarea 的 label */
      &.textarea .el-form-item__label {
        height: 73px;
      }

      &.is-code,
      &.is-required:not(.is-no-asterisk) .el-form-item__label-wrap,
      &.is-required:not(.is-no-asterisk) {
        > .el-form-item__label {
          color: #f56c6c;

          &:before,
          &:before {
            content: "";
            margin-right: 0;
          }
        }
      }

      .el-form-item__content {
        width: calc(100% - 100px);

        /* .el-border */
        .el-border {
          display: flex;
          align-items: center;
          justify-content: center;
          border: 1px solid #dcdfe6;
          text-align: center;
          height: 32px;
          width: 100%;

          &.start {
            justify-content: flex-start;
            padding: 0 15px;
          }
        }

        .el-date-editor,
        .el-input,
        .el-input-number {
          width: 100%;
        }

        .el-input.is-number {
          .el-input__inner:read-only {
            padding-right: 50px;
            text-align: right;
          }
        }

        /* .el-select */
        .el-select {
          width: 100%;

          .el-input__inner:read-only {
            background-color: #fff;
          }
        }

        /* .el-switch */
        .el-switch {
          .el-switch__label.is-active {
            color: #5bc0de;
            font-weight: bold;
          }

          &.is-checked .el-switch__core {
            border-color: #5bc0de;
            background-color: #5bc0de;
          }
        }

        /* .el-textarea */
        .el-textarea {
          textarea {
            border-radius: 0;
            height: 73px;
          }
        }
      }

      &.wde-date-times {
        .el-form-item__content {
          display: flex;
          align-items: center;
          justify-content: space-between;

          .wde-date {
            width: 41%;
          }

          .el-date-editor--time-select {
            width: 30%;

            .el-input__inner {
              border-left: none;
            }
          }
        }
      }

      &.any-row {
        .el-form-item__label,
        .el-form-item__content .el-border {
          height: auto;
        }

        .el-form-item__content .el-border.el-files {
          justify-content: flex-start;
          padding: 10px 5px 0 15px;
        }
      }

      &.two-row {
        .el-form-item__label,
        .el-form-item__content .el-border {
          height: 102px;

          &.barCode img {
            height: 80%;
            width: auto;
          }
        }
      }
    }
  }

  &.any-col,
  &.one-col,
  &.two-col {
    > .el-form-item {
      display: flex;
      justify-content: space-between;
      align-items: center;

      .el-form-item__label {
        border-right-width: 0;
        color: #606266;
        margin: 0;
        width: 100px;
        text-align: left;
      }

      /* .el-textarea 的 label */
      &.textarea .el-form-item__label {
        height: 73px;
      }

      &.is-code,
      &.is-required:not(.is-no-asterisk) .el-form-item__label-wrap,
      &.is-required:not(.is-no-asterisk) {
        > .el-form-item__label {
          color: #f56c6c;

          &:before,
          &:before {
            content: "";
            margin-right: 0;
          }
        }
      }

      .el-form-item__content {
        width: calc(100% - 100px);

        /* .el-border */
        .el-border {
          display: flex;
          align-items: center;
          justify-content: center;
          border: 1px solid #dcdfe6;
          text-align: center;
          height: 32px;
          width: 100%;

          &.start {
            justify-content: flex-start;
            padding: 0 15px;
          }
        }

        .el-date-editor,
        .el-input,
        .el-input-number {
          width: 100%;
        }

        .el-input.is-number {
          .el-input__inner:read-only {
            padding-right: 50px;
            text-align: right;
          }
        }

        /* .el-select */
        .el-select {
          width: 100%;

          .el-input__inner:read-only {
            background-color: #fff;
          }
        }

        /* .el-switch */
        .el-switch {
          .el-switch__label.is-active {
            color: #5bc0de;
            font-weight: bold;
          }

          &.is-checked .el-switch__core {
            border-color: #5bc0de;
            background-color: #5bc0de;
          }
        }

        /* .el-textarea */
        .el-textarea {
          textarea {
            border-radius: 0;
            height: 73px;
          }
        }
      }

      &.wde-date-times {
        .el-form-item__content {
          display: flex;
          align-items: center;
          justify-content: space-between;

          .wde-date {
            width: 41%;
          }

          .el-date-editor--time-select {
            width: 30%;

            .el-input__inner {
              border-left: none;
            }
          }
        }
      }

      &.any-row {
        .el-form-item__label,
        .el-form-item__content .el-border {
          height: auto;
        }

        .el-form-item__content .el-border.el-files {
          justify-content: flex-start;
          padding: 10px 5px 0 15px;
        }
      }

      &.two-row {
        .el-form-item__label,
        .el-form-item__content .el-border {
          height: 102px;

          &.barCode img {
            height: 80%;
            width: auto;
          }
        }
      }
    }
  }
}

input:focus,
select:focus {
  box-shadow: none !important;
}

.el-button + .el-button {
  margin-left: 0 !important;
}

.el-dialog__body {
  height: 500px;
}

.el-message-box {
  .el-message-box__btns {
    .el-button {
      &:first-child {
        margin-right: 10px !important;
      }
    }
  }
}
